<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <!-- 引入css文件 -->
    <link rel="stylesheet" href="./css/font-awesome.min.css">
    <style>
        .icon-group {
            color: red;
            font-size: 50px;
        }
    </style>
</head>

<body>
    <div class="icon-group">
        <i class="fa fa-camera-retro"></i>
        <i class="fa fa-home "></i>
        <i class="fa fa-circle-o-notch fa-spin"></i>
    </div>
    <i class="fa fa-qq"></i>
    <i class="fa fa-qq lg "></i>
    <i class="fa fa-qq fa-2x fa-pulse"></i>
    <i class="fa fa-qq fa-4x"></i>
    <ul class="fa-ul">
        <li><i class="fa-li fa fa-check-square"></i>List icons</li>
        <li><i class="fa-li fa fa-check-square"></i>can be used</li>
        <li><i class="fa-li fa fa-spinner fa-spin"></i>as bullets</li>
        <li><i class="fa-li fa fa-square"></i>in lists</li>
    </ul>
    <i class="fa fa-commenting fa-4x"></i>
    <i class="fa fa-commenting fa-4x fa-rotate-90"></i>
    <i class="fa fa-commenting fa-4x fa-rotate-180"></i>
    Example of
    <span class="fa-stack fa-lg">
        <i class="fa fa-circle-o-notch fa-stack-2x"></i>
        <i class="fa fa-wechat fa-stack-1x"></i>
    </span>
</body>

</html>